<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /*
            for in 循环
                遍历对象所有的属性名
        
        */
        var obj = {
            name: 'zhangsan',
            age: 18,
            run: function () {
                console.log('跑');
            }
        }
        // 遍历obj 
        // key 类似形参， 这个变量里面存储 对象的属性名
        //对象有三个属性，for循环就会执行三次， 每次key 都保存了一个不同的字符串（属性名）
        // 
        for (var key in obj) {
            // key是对象属性名
            console.log(key);//'name'  'age'  'run'
            // 通过属性名获取对象的属性值
            // console.log(obj.xxx);
            // console.log(obj['xxx']);

            // obj.key 不会把key当做一个变量
            // console.log(obj.key);// 等同于  obj['key'] 获取结果是   undefined，对象不存在'key'这个属性

            console.log(obj[key]);//obj['name'] obj['age'] obj['run']
        }

    </script>

</body>

</html>